<template>
  <a-row :gutter="[gutterHorizontal, gutterVertical]">
    <a-col :span="item.span || defaultSpan" v-for="(item, i) in renderFields" :key="i">
      <span class="font-bold m-r">{{ item.label }}：</span>
      <span>{{ srcData[item.field] }}</span>
    </a-col>
  </a-row>
</template>
<script>
import form from './form'

export default {
  mixins: [form],
  props: {
    gutterHorizontal: {
      type: Number,
      default: 0
    },
    gutterVertical: {
      type: Number,
      default: 20
    }
  },
  data () {
    return {
      defaultSpan: 12
    }
  }
}
</script>
